<template>
  <li>
    <a class="koa" :href="list.titleurl">
      <div class="sidebar-hot-img sidebar-pic">
        <i class="index"></i>
        <img :src="list.titlepic" :alt="list.title">
      </div>
      <div class="sidebar-hot-content">
        <p>{{list.title}}</p>
      </div>
    </a>
  </li>
</template>


<script>
export default {
  props: {
    list: {
      title: String,
      titlepic: String,
      titleurl: String
    }
  }
}
</script>

<style lang="stylus" scoped>

</style>
